<template>
	<view>
		<v-switch v-model:value="isActive" />
		<v-switch v-model:value="isActive" size="small" />
		<v-switch v-model:value="isActive" active-color="#ff0000" />
		<v-switch v-model:value="isActive" loading disabled/>
	</view>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const isActive = ref(true);

const handleSwitchChange = (value: boolean) => {
	console.log('Switch changed:', value);
};
</script>
